<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>demo.5.3.html</title>
    <style>p:hover{color: cadetblue;} p:active{color:darkred}
           p{text-indent: 66px; /*文本缩进 属性：text-indent 作用：设置段落元素的第一行缩进方式；单位有：px（像素、绝对值）、
    em（相对于字体大小，相对值）  使用方法：p{text-indent : 2em;}*/
             text-align: left;/*文本对齐 属性：text-align  作用：设置元素文本行的对齐方式；常用的属性值有left（左对齐）、
    center（居中）、right（右对齐）；默认是左对齐   使用方法：p{text-align：right；}*/
            text-decoration: underline;/*文本修饰 属性：text-decoration  作用：设置元素的修饰；常用的属性值有none（无装饰），
    overline（上划线）, underline（下划线），line-through（删除线）;a元素的默认值为underline，其他元素默认值为none。
    使用方法：a{text-decoration：none；}*/
            line-height: 2em;/*行高  属性：line-height	作用：设置行与行之间的距离；属性值的单位有：px（像素、绝对值）、
    em（相对于字体大小，相对值）；一般行高是文字的 1.5~1.8 倍最为合适  使用方法：p{line-height : 1.5em;}*/
             color:rgb(136, 45, 138,0.7)/*文本颜色 属性：color  作用：设置文字颜色 属性值:关键字（red、yellow...）、十六进制表示
    法（以#开头，每两位表示rgb表示法中的一位）、rgb表示法（将红（Red）、绿（Green）、蓝（Blue）三原色的色光以不同的比例相加，每位取值
    范围在0~255闭区间），rgba表示法增加了alpha通道来设置透明度，透明度取值0~1闭区间 */}
           a:link{color:red} a:visited{color:green} a:hover{color:blue} a:active{color:deeppink}
           /*超链接的样式设置  用link（未被访问的）、visited（访问过的）、hover（鼠标经过的）、active（被点击的那一刻 ）设置四总不同样式，
    在设置的状态较多(>=2)时，我们需要按照特定的顺序进行设置，即 link、visited、hover、active ，请注意，这里使用了伪类，伪类可以对元素的
    某个状态的样式进行调整，link和visited是超链接特有的，其他两种可以用于设置其他各种html元素。
    使用方法：a:link {color: chocolate}   a:visited {color: violet;}    a:hover {color: yellow;}   a:active {color: yellowgreen;}*/
    </style>
</head>

<body>
    <p >唧唧复唧唧，木兰当户织</p>
    <p>床前明月光，疑是地上霜</p>
    <a href="./photo/0040jbadgy1gzs5lk1gwxj62c03407wj02.jpg" target="_blank">小乔，要努力变强！</a>
</body>
</html>